{% extends "base.html" %}

{% block script %}
    <script src="/static/js/cms2/normal_user.js"></script>
{% end %}

{% block settings %}
    {% set menu_selected = 'normal_user' %}
{% end %}

{% block main %}
<div class="main_hd">
    <h2>话题</h2>

    <div class="title_tab" id="topTab">
        <ul class="tab_navs title_tab" data-index="0">
        <li data-index="0" class="tab_nav first js_top selected"><a href="/cms2/user/normal">普通用户</a></li>
        <li data-index="1" class="tab_nav js_top"><a href="/cms2/user/black">黑名单</a></li>
        </ul>
    </div>
    <div class="extra_info search_bar" id="searchBar">
        <span class="frm_input_box search with_del append ">
            <a class="del_btn jsSearchInputClose" href="javascript:" style="display:none">
                <i class="icon_search_del"></i>&nbsp;
            </a>
            <a href="javascript:" class="frm_input_append jsSearchInputBt">
                <i class="icon16_common search_gray">搜索</i>&nbsp;
            </a>
        <input type="text" value="" class="frm_input jsSearchInput" placeholder="消息内容">
        </span>
    </div>
</div>
<div class="main_bd">
    <div class="topic-box normal-users">
        <div class="t-panel">
            <div class="t-panel-heading">
                <div class="t-panel-title">全部用户</div>
            </div>
            <div class="show-container">

            </div>
        </div>
        <div class="pagination-box text-center">

        </div>
    </div>
</div>
{% end %}

{% block template %}
<script type="text/template" id="normal-user-template">
    <div class="img-box">
        <img src="<%- imglink %>" class="user-img">
    </div>
    <div class="user-info-box"><%- name %></div>
    <div class="ops">
        <a href="#" class="edit-bu">编辑</a>
        <a href="#" class="show-to-black">拉黑</a>
    </div>
</script>
<script type="text/template" id="page-template">
<ul class="pagination">
    <li class="<% if(page == 1) { %>hide<% } %>">
        <a href="#" aria-label="Previous" data-page="<%- (page - 1) %>" class="jumpPage" ><span aria-hidden="true">«</span></a>
    </li>
    <% for(var i = 1; i <= pageTotal; i++) { %>
    <li class="<% if(i == page) { %>active<% } %>">
        <a href="#" data-page="<%- i %>" class="jumpPage" ><%- i %></a>
    </li>
    <% } %>
    <!--<li><a href="#">2</a></li>-->
    <!--<li><a href="#">3</a></li>-->
    <!--<li><a href="#">4</a></li>-->
    <!--<li><a href="#">5</a></li>-->
    <li class="<% if(page == pageTotal) { %>hide<% } %>">
        <a href="#" class="jumpPage" aria-label="Next" data-page="<%- (page + 1) %>"><span aria-hidden="true">»</span></a>
    </li>
</ul>
</script>
{% end %}